<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>欢迎来到MyDaily</title>
		<link rel="stylesheet" type="text/css" href="../layui-v2.6.8/layui/css/layui.css" />
	</head>
	<style type="text/css">
		body {
			margin: 0px;
			padding: 0px;
			background: url(img/wbg.jpeg) no-repeat;
			background-size: 100% 100%;
			background-attachment: fixed;
		}

		#warp {
			width: 1000px;
			height: 700px;
		}

		#text {
			width: 1000px;
			font-size: 35px;
			color: white;
			margin-left: 200px;
			font-family: "楷体";
			margin-top: 100px;
		}

		#ringht {
			font-size: 30px;
			font-family: "楷体";
			font-size: 50px;
			position: absolute;
			top: 500px;
			left: 900px;
		}

		a {
			padding-left: 50px;
			text-decoration: none;
		}

		a:hover {
			text-decoration: underline;
		}

		img {
			width: 200px;
			height: 200px;
			margin-left: 100px;
			padding-bottom: 10px;
		}
		#my{
			position: absolute;
			top: 500px;
			font-size: 30px;
			color: white;
			left: 250px;
		}
	</style>
	<body>
		<div id="warp">
			<div id="text"></div>
			<div id="my">
				<strong>MyDaily</strong><br><br>
				我们希望与你一起成长<br><br>
				在往后的日子里<br><br>
				我们一路同行！
			</div>
			<div id="ringht">
				<span id="zhuce" style="width: 100px;height: 100px;"><img src="img/注册.png"></span>
				<span id="dneg;" style="padding-left: 150px;"><img src="img/登录.png"></span>
				<br>
				<a href="register.jsp" style="color:#FFA200;">注册我的MyDaily</a>
				<a href="login.jsp" style="color: #ca6924;">登录我的MyDaily</a>
			</div>
		</div>
	</body>
	<script>
		let divTyping = document.getElementById('text')
		let i = 0,
			timer = 0,
			str =
			"我们在恭候您多事了,你还在用传统的日记本写日记吗？你还在为查看日记时的翻阅而苦恼吗？MyDaily日记系统就是为了你在写时间遇到的诸多不便.能更加便捷、迅速、 随时随地的编写和查看你所写的日记; 随着社会的发展， 诸多的事情都能在手机或电脑上完成,写日记的习惯也应该从传统的纸质版过度到电子版， MyDaily日记系统就是为了符合大众写日记的需求诞生， 我们很高兴能和您一起发展， 能让您体验到极佳的服务!"

		function typing() {
			if (i <= str.length) {
				divTyping.innerHTML = str.slice(0, i++) + '_'
				timer = setTimeout(typing, 100)
			} else {
				divTyping.innerHTML = str //结束打字,移除 _ 光标
				clearTimeout(timer)
			}
		}

		typing()
	</script>
</html>